@font-face {
    font-family: "sf apple";
    src: url("../font/pingfang.ttf");
}

* {
    margin: 0;
    padding: 0;
}

/* 去掉标符 */
ul {
    list-style: none;
    display: flex;
}

/* 给a标签设置字体大小和颜色,布局设置 */
a {
    text-decoration: none;
}

body {
    background-color: #f5f5f5;
    overflow-x: hidden;
    font-family: "sf apple";
}

/* 设置版心 */
.center {
    width: 1380px;
    margin: 0 auto;
}

/* 导航栏样式 */
.AppBar {
    display: block;
    height: 52px;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
}

.AppBar p {
    color: dimgrey;
}

.AppBar a {
    color: #0071e3;
}

/* 头部介绍文字 */
.hend {
    width: 1380px;
    height: 246px;
    display: block;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
}

/* 头部文字设置主轴两端对齐 */
.hend {
    justify-content: space-between;
}

/* 设置头部第一部分宽高样式 */
.hend .box {
    width: 653px;
    height: 104px;
    font-size: 48px;
    font-weight: 600;
    display: flex;
    flex-wrap: wrap;
}

.box span,
.box h1 {
    display: flex;
    align-items: center;
    font-size: 48px;
}

.box span {
    color: dimgrey;
}

.box1 img {
    width: 36px;
    height: 36px;
    margin-right: 8px;
}

.hend .box1-1-1,
.hend .box1-2-1 {
    display: flex;
    flex-flow: column wrap;
}

.box1-1,
.box1-2 {
    display: flex;
}

.box1-1-1 {
    margin-bottom: 16px;
}

/******************第一层介绍********************/
/* 第一层
/* 整体设置内间距 终点对齐 */
.f1 ul {
    justify-content: space-evenly;
    padding: 10px 0 62px;

}

/* 宽高,内间距大小 */
.f1 ul li {
    width: 120px;
    height: 114px;
    padding: 18px 8px 16px;

}

/* 字体大小 颜色 居中 */
.f1 a {
    width: 120px;
    height: 20px;
    display: block;
    color: #1d1d1f;
    font-size: 14px;
    text-align: center;
    font-weight: bold;
    white-space: nowrap;

}

/* 图片大小 */
.f1 img {
    width: 120px;
    height: 78px;
    padding-bottom: 16px;
    display: block;
}

/* 标题栏 */
.f2 {
    padding: 54px;
    overflow: hidden;
}

.f2 .center .title {
    width: 980px;
    height: 46px;
    text-align: left;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    font-size: 19px;
    padding-bottom: 14px;
}

.f2 .title span {
    color: #6e6e73;
    font-weight: 600;
}

/***************** 第二层图片商品展示效果 ********************/
/* 二楼图片设置 */
.f2 .img {
    padding-top: 10px;
    padding-bottom: 40px;
    justify-content: flex-end;
    width: 3200px;
}

/* 二楼设置图片宽高 */
.f2 ul li {
    width: 400px;
    height: 500px;
    margin-right: 20px;
    justify-content: center;
}

.f2 ul li .z {
    color: #6e6e73;
    font-size: 12px;
    line-height: 1.33337;
    padding-bottom: 8px;
    margin-bottom: 4.8px;
}

.f2 ul li a {
    color: #1d1d1f;
    font-size: 28px;
    line-height: 1.14286;
    font-weight: 600;
    letter-spacing: inherit;
}

.f2 ul li .x {
    color: #1d1d1f;
    width: 340px;
    font-size: 17px;
    line-height: 1.23536;
    font-weight: 400;
    padding-top: 10px;
}

.f2 .img .xf4,
.f2 .img .xf7 {
    color: #fff;
}

.f2 ul li .z {
    padding: 30px;
}

.f2 ul li a {
    padding: 30px;
}

.f2 ul li .x {
    padding: 30px;
}

.f2 ul li:first-child {
    /* background-image: url("./img/store-card-40-macbook-air-202206.png"); */
    border-radius: 5%;
}

.f2 ul li:nth-child(2) {
    /* background-image: url("./img/store-card-50-bts-airpods-202206.png"); */
    border-radius: 5%;
}

.f2 ul li:nth-child(3) {
    /* background-image: url("./img/store-card-40-iphone-13-202203.png"); */
    border-radius: 5%;
}

.f2 ul li:nth-child(4) {
    /* background-image: url("./img/store-card-40-macbook-pro-202206.png"); */
    border-radius: 5%;
}

.f2 ul li:nth-child(5) {
    /* background-image: url("./img/store-card-40-iphone-13-pro-202203.png"); */
    border-radius: 5%;
}

.f2 ul li:nth-child(6) {
    /* background-image: url("./img/store-card-40-applewatchbands-202205.png"); */
    border-radius: 5%;
}

.f2 ul li:nth-child(7) {
    /* background-image: url("./img/store-card-40-ipad-air-202203.png"); */
    border-radius: 5%;
}

.f2 ul li:nth-child(8) {
    /* background-image: url("./img/store-card-40-iphone-se-202203.png"); */
    border-radius: 5%;
}

.f2 .img .xf1:hover,
.f2 .img .xf2:hover,
.f2 .img .xf3:hover,
.f2 .img .xf4:hover,
.f2 .img .xf5:hover,
.f2 .img .xf6:hover,
.f2 .img .xf7:hover,
.f2 .img .xf8:hover {
    transform: scale(1.01);
    box-shadow: 0 2px 5px #aaa;
    border-radius: 5%;
    transition: 0.3s
}

/*************************** 三楼样式设置 ***************************************/
/* 设置三楼宽总样式 */
.f3 .center .title1 {
    width: 980px;
    height: 46px;
    text-align: left;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    font-size: 19px;
    padding-bottom: 14px;
}

.f3 .title1 span {
    color: #6e6e73;
    font-weight: 600;
}

.f3 .img_1 {
    padding-top: 10px;
    margin-bottom: 40px;
    width: 3200px;
    display: flex;
}

.f3 .img_1 .img_1-1 li {
    /* background-image: url("./img/store-card-50-specialist-202108_GEO_CN.jpg"); */
    border-radius: 5%;
    width: 480px;
    height: 500px;

}

.f3 .img_1 .img_1-2 li:nth-child(1) {
    /* background-image: url("./img/store-card-25-apps-202108.jpg"); */
    border-radius: 5%;
    width: 480px;
    height: 240px;
}

.f3 .img_1 .img_1-2 li:nth-child(2) {
    /* background-image: url("./img/store-card-25-genius-202108.jpg"); */
    border-radius: 5%;
    width: 480px;
    height: 240px;
}

/* 背景图字体设置 */
.f3 .img_1-1 li a {
    display: block;
    width: 369px;
    color: #1d1d1f;
    padding: 30px;
    font-size: 28px;
    font-weight: 600;
}

.f3 .img_1-2 .li1 {
    margin-bottom: 23px;
}

.f3 .img_1-2 .li1,
.f3 .img_1-2 .li2 {
    margin-left: 20px;

}

.f3 .img_1-1:hover,
.f3 .img_1-2 .li1:hover,
.f3 .img_1-2 .li2:hover {
    transform: scale(1.01);
    box-shadow: 0 2px 5px #aaa;
    border-radius: 5%;
    transition: 0.3s
}

.f3 .img_1-2 .li1 a {
    width: 320px;
    padding: 30px;
    display: block;
    color: #1d1d1f;
    font-size: 24px;
    font-weight: 600;
    margin-top: 20px;
}

.f3 .img_1-2 {
    flex-direction: column;
}

.f3 .img_1-2 .li2 a {
    padding: 30px;
    display: block;
    color: #1d1d1f;
    font-size: 24px;
    font-weight: 600;
}

/* 四楼全部样式设置 */
/* 文字设置样式宽高字体大小 */
.f4 .center .title2 {
    width: 980px;
    height: 46px;
    text-align: left;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    font-size: 19px;
    padding-bottom: 14px;
}

.f4 .title2 span {
    color: #6e6e73;
    font-weight: 600;
}

.f4 {
    overflow: hidden;
}

.f4 .img_2-1 {
    padding-top: 10px;
    padding-bottom: 40px;
    justify-content: flex-end;
    width: 3200px;
}

/***** 背景颜色样式色彩 *****/
.f4 .img_2-1 ul .sly-1,
.f4 .img_2-1 ul .sly-2,
.f4 .img_2-1 ul .sly-3,
.f4 .img_2-1 ul .sly-4,
.f4 .img_2-1 ul .sly-5,
.f4 .img_2-1 ul .sly-6,
.f4 .img_2-1 ul .sly-7 {
    background-color: #fff;
    width: 333px;
    height: 240px;
    margin-right: 20px;
    border-radius: 5%;

}

/**** 字体颜色设置 宽高的设置 块级实行*****/
.f4 .img_2-1 ul .sly-1 a {
    display: block;
    width: 200px;
    height: 28px;
    font-size: 24px;
    font-weight: 600;
    color: #0071e3;
    margin-left: 10px;
}

.f4 .img_2-1 ul .sly-2 a {
    display: block;
    width: 200px;
    height: 28px;
    margin-left: 10px;
    font-size: 24px;
    color: #000;
}

.f4 .img_2-1 ul .sly-3 a {
    display: block;
    width: 200px;
    height: 62px;
    margin-left: 10px;
    font-size: 24px;
    color: darkmagenta;
}

.f4 .img_2-1 ul .sly-4 a {
    display: block;
    width: 200px;
    height: 28px;
    margin-left: 10px;
    font-size: 24px;
    color: #000;
}

.f4 .img_2-1 ul .sly-5 a {
    display: block;
    width: 270px;
    height: 84px;
    margin-left: 10px;
    font-size: 24px;
    color: #0071e3;
}

.f4 .img_2-1 ul .sly-6 a {
    display: block;
    width: 260px;
    height: 56px;
    margin-left: 10px;
    font-size: 24px;
    color: #f3695f;
}

.f4 .img_2-1 ul .sly-7 a {
    display: block;
    width: 270px;
    height: 28px;
    margin-left: 10px;
    font-size: 24px;
    color: #000;
}

.f4 .img_2-1 ul .sly-1 svg,
.f4 .img_2-1 ul .sly-2 svg,
.f4 .img_2-1 ul .sly-3 svg,
.f4 .img_2-1 ul .sly-4 svg,
.f4 .img_2-1 ul .sly-5 svg,
.f4 .img_2-1 ul .sly-6 svg,
.f4 .img_2-1 ul .sly-7 svg {
    margin-top: 20px;
    margin-left: 10px;
}


/* 悬停样式设置 */
.f4 .img_2-1 ul .sly-1:hover,
.f4 .img_2-1 ul .sly-2:hover,
.f4 .img_2-1 ul .sly-3:hover,
.f4 .img_2-1 ul .sly-4:hover,
.f4 .img_2-1 ul .sly-5:hover,
.f4 .img_2-1 ul .sly-6:hover,
.f4 .img_2-1 ul .sly-7:hover {
    transform: scale(1.01);
    box-shadow: 0 2px 5px #aaa;
    border-radius: 5%;
    transition: 0.3s
}

/************** 第五楼总设置 ************/
/* 商品介绍文字样式 */
.f5 .center .title3 {
    width: 980px;
    height: 46px;
    text-align: left;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    font-size: 19px;
    padding-bottom: 14px;
}

.f5 .title3 span {
    color: #6e6e73;
    font-weight: 600;
}

/* 介绍行种类图片布局样式设置 宽高 */
/* 给图片设置背景样式 */
.f5 {
    overflow: hidden;
}

.f5 .img_3 {
    display: flex;
    padding-top: 10px;
    padding-bottom: 40px;
    justify-content: flex-end;
    width: 2840px;
}


.f5 .img_3 .bj ul li {
    /* background-image: url("./img/store-card-40-accesories-bts-202206_GEO_CN.jpg"); */
    border-radius: 5%;
    width: 400px;
    height: 500px;
    margin-right: 20px;
}

.f5 .img_3 .bj_7 {
    /* background-image: url("./img/store-card-40-accessories-202205.png"); */
    border-radius: 5%;
    width: 400px;
    height: 500px;
    margin-right: 20px;
}

.f5 .img_3 .bj_7:hover {
    transform: scale(1.01);
    box-shadow: 0 2px 5px #aaa;
    border-radius: 5%;
    transition: 0.3s
}

/* 悬停样式设置 */
.f5 .img_3 .bj ul li:hover {
    transform: scale(1.01);
    box-shadow: 0 2px 5px #aaa;
    border-radius: 5%;
    transition: 0.3s
}

/* 1，7图片文字格式 */
.f5 .bj div {
    width: 340px;
    height: 64px;
    padding: 30px;

}

.f5 .bj_7 div {
    width: 340px;
    height: 59px;
    font-size: 28px;
    font-weight: 600;
    color: #1d1d1f;
    padding: 30px;
}

.f5 .bj_7 div h3 {
    padding-top: 24px;
}

/* span的字体大小 样式 */
.f5 .bj div span {
    display: block;
    width: 204px;
    height: 16px;
    font-size: 15px;
    color: #6e6e73;
    font-weight: 600;
    margin-bottom: 4.8px;
    padding-bottom: 8px;
}

.f5 .bj div h3 {
    font-size: 28px;
    color: #1d1d1f;
    font-weight: 600;
}

/* 第二张图片样式 */
.f5 .bj_1 .y_1 {
    display: block;
    width: 253px;
    height: 440px;
    padding: 30px;
}

.f5 .bj_1 .y_1 .tu_1 img {
    display: block;
    margin: 0 auto;
    padding-top: 41px;
}

/* 内容样式 */
.f5 .bj_1 .y_1 .nr_1 {
    width: 253px;
    height: 169px;
    display: flex;
    flex-direction: column;
    padding-top: 20px;
}

/* 第五层nr_1下的span字体设置 */
.f5 .bj_1 .y_1 .nr_1 span:first-child {
    width: 253px;
    height: 16px;
    font-size: 12px;
    font-weight: 400;
    color: #bf4800;
    margin-top: 60px;
}

.f5 .bj_1 .y_1 .nr_1 a {
    display: block;
    width: 252px;
    height: 23px;
    margin-top: 8px;
    font-size: 17px;
    font-weight: 600;
    color: #1d1d1d;
}

.f5 .bj_1 .y_1 .nr_1 span:nth-last-child(1) {
    width: 253px;
    height: 19px;
    font-size: 14px;
    font-weight: 400;
    color: #1d1d1f;
    margin-top: 44px;
    display: inline-block;
    vertical-align: bottom;
}

/* bj_2y_2样式设置 */
.f5 .bj_2 .y_2 {
    display: block;
    width: 253px;
    height: 440px;
    padding: 30px;
}

.f5 .bj_2 .y_2 .tu_2 img {
    display: block;
    margin: 0 auto;
    padding-top: 41px;
}

/* nr_2设置样式结构 */
.f5 .bj_2 .y_2 .nr_2 {
    width: 253px;
    height: 169px;
    display: flex;
    flex-direction: column;
    padding-top: 20px;
}

/* nr_2一层 */
.f5 .bj_2 .y_2 .nr_2 ul {
    width: 258px;
    height: 25px;
    padding-top: 19px;
    padding-bottom: 14px;
    justify-content: center;
    align-items: center;
}

.f5 .bj_2 .y_2 .nr_2 ul li img {
    width: 12px;
    height: 12px;
    margin-right: 7px;
}

/* nr_2二层 */
.f5 .bj_2 .y_2 .nr_2 span:nth-child(2) {
    width: 253px;
    height: 16px;
    font-size: 12px;
    font-weight: 400;
    color: #bf4800;
}

/* nr_2三层 */
.f5 .bj_2 .y_2 .nr_2 a {
    width: 253px;
    height: 46px;
    font-size: 17px;
    font-weight: 600;
    color: #1d1d1f;
    display: block;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
    white-space: normal;
    margin-top: 8px;
}

/* nr_2四层 */
.f5 .bj_2 .y_2 .nr_2 span:nth-last-child(1) {
    width: 253px;
    height: 19px;
    font-size: 14px;
    font-weight: 400;
    color: #1d1d1f;
    margin-top: 25px;
    display: inline-block;
    vertical-align: bottom;
}

/* bj_3y_3样式设置 */
.f5 .bj_3 .y_3 {
    display: block;
    width: 253px;
    height: 440px;
    padding: 30px;
}

.f5 .bj_3 .y_3 .tu_3 img {
    display: block;
    margin: 0 auto;
    padding-top: 41px;
}

/* nr_3设置样式结构 */
.f5 .bj_3 .y_3 .nr_3 {
    width: 253px;
    height: 169px;
    display: flex;
    flex-direction: column;
    padding-top: 20px;
}

/* nr_3一层 */
.f5 .bj_3 .y_3 .nr_3 ul {
    width: 258px;
    height: 25px;
    padding-top: 19px;
    padding-bottom: 14px;
    justify-content: center;
    align-items: center;
}

.f5 .bj_3 .y_3 .nr_3 ul li img {
    width: 12px;
    height: 12px;
    margin-right: 7px;
}

/* nr_3二层 */
.f5 .bj_3 .y_3 .nr_3 span:nth-child(2) {
    width: 253px;
    height: 16px;
    font-size: 12px;
    font-weight: 400;
    color: #bf4800;
}

/* nr_3三层 */
.f5 .bj_3 .y_3 .nr_3 a {
    width: 253px;
    height: 46px;
    font-size: 17px;
    font-weight: 600;
    color: #1d1d1f;
    display: block;
    margin-top: 8px;
}

/* nr_3四层 */
.f5 .bj_3 .y_3 .nr_3 span:nth-last-child(1) {
    width: 253px;
    height: 19px;
    font-size: 14px;
    font-weight: 400;
    color: #1d1d1f;
    margin-top: 25px;
    display: inline-block;
    vertical-align: bottom;
}

/* bj_4y_4样式设置 */
.f5 .bj_4 .y_4 {
    display: block;
    width: 253px;
    height: 440px;
    padding: 30px;
}

.f5 .bj_4 .y_4 .tu_4 img {
    display: block;
    margin: 0 auto;
    padding-top: 41px;
}

/* nr_4设置样式结构 */
.f5 .bj_4 .y_4 .nr_4 {
    width: 253px;
    height: 169px;
    display: flex;
    flex-direction: column;
    padding-top: 20px;
}

/* nr_4一层 */
.f5 .bj_4 .y_4 .nr_4 ul {
    width: 258px;
    height: 25px;
    padding-top: 19px;
    padding-bottom: 14px;
    justify-content: center;
    align-items: center;
}

.f5 .bj_4 .y_4 .nr_4 ul li img {
    width: 12px;
    height: 12px;
    margin-right: 7px;
}

/* nr_4二层 */
.f5 .bj_4 .y_4 .nr_4 span:nth-child(2) {
    width: 253px;
    height: 16px;
    font-size: 12px;
    font-weight: 400;
    color: #bf4800;
}

/* nr_4三层 */
.f5 .bj_4 .y_4 .nr_4 a {
    width: 253px;
    height: 46px;
    font-size: 17px;
    font-weight: 600;
    color: #1d1d1f;
    display: block;
    margin-top: 8px;
}

/* nr_4四层 */
.f5 .bj_4 .y_4 .nr_4 span:nth-last-child(1) {
    width: 253px;
    height: 19px;
    font-size: 14px;
    font-weight: 400;
    color: #1d1d1f;
    margin-top: 25px;
    display: inline-block;
    vertical-align: bottom;
}

.f5 .bj_5 .y_5 {
    display: block;
    width: 253px;
    height: 440px;
    padding: 30px;
}

.f5 .bj_5 .y_5 .tu_5 img {
    display: block;
    margin: 0 auto;
    padding-top: 41px;
}

/* 内容样式 */
.f5 .bj_5 .y_5 .nr_5 {
    width: 253px;
    height: 169px;
    display: flex;
    flex-direction: column;
    padding-top: 20px;
}

/* 第五层nr_5下的span字体设置 */
.f5 .bj_5 .y_5 .nr_5 span:first-child {
    width: 253px;
    height: 16px;
    font-size: 12px;
    font-weight: 400;
    color: #bf4800;
    margin-top: 60px;
}

.f5 .bj_5 .y_5 .nr_5 a {
    display: block;
    width: 252px;
    height: 23px;
    margin-top: 8px;
    font-size: 17px;
    font-weight: 600;
    color: #1d1d1d;
}

.f5 .bj_5 .y_5 .nr_5 span:nth-last-child(1) {
    width: 253px;
    height: 19px;
    font-size: 14px;
    font-weight: 400;
    color: #1d1d1f;
    margin-top: 44px;
    display: inline-block;
    vertical-align: bottom;
}

/* bj_6y_6样式设置 */
.f5 .bj_6 .y_6 {
    display: block;
    width: 253px;
    height: 440px;
    padding: 30px;
}

.f5 .bj_6 .y_6 .tu_6 img {
    display: block;
    margin: 0 auto;
    padding-top: 41px;
}

/* nr_6设置样式结构 */
.f5 .bj_6 .y_6 .nr_6 {
    width: 253px;
    height: 169px;
    display: flex;
    flex-direction: column;
    padding-top: 20px;
}

/* nr_6一层 */
.f5 .bj_6 .y_6 .nr_6 ul {
    width: 258px;
    height: 25px;
    padding-top: 19px;
    padding-bottom: 14px;
    justify-content: center;
    align-items: center;
}

.f5 .bj_6 .y_6 .nr_6 ul li img {
    width: 12px;
    height: 12px;
    margin-right: 7px;
}

/* nr_4二层 */
.f5 .bj_6 .y_6 .nr_6 span:nth-child(2) {
    width: 253px;
    height: 16px;
    font-size: 12px;
    font-weight: 400;
    color: #bf4800;
}

/* nr_6三层 */
.f5 .bj_6 .y_6 .nr_6 a {
    width: 253px;
    height: 46px;
    font-size: 17px;
    font-weight: 600;
    color: #1d1d1f;
    display: block;
    margin-top: 8px;
}

/* nr_6四层 */
.f5 .bj_6 .y_6 .nr_6 span:nth-last-child(1) {
    width: 253px;
    height: 19px;
    font-size: 14px;
    font-weight: 400;
    color: #1d1d1f;
    margin-top: 25px;
    display: inline-block;
    vertical-align: bottom;
}

/* 设置背景颜色宽高样式 */
.f5 .img_3 .bj_1,
.f5 .img_3 .bj_2,
.f5 .img_3 .bj_3,
.f5 .img_3 .bj_4,
.f5 .img_3 .bj_5,
.f5 .img_3 .bj_6 {
    background-color: #fff;
    width: 313px;
    height: 500px;
    margin-right: 20px;
    border-radius: 5%;
}

.f5 .img_3 .bj_1:hover,
.f5 .img_3 .bj_2:hover,
.f5 .img_3 .bj_3:hover,
.f5 .img_3 .bj_4:hover,
.f5 .img_3 .bj_5:hover,
.f5 .img_3 .bj_6:hover {
    transform: scale(1.01);
    box-shadow: 0 2px 5px #aaa;
    border-radius: 5%;
    transition: 0.3s
}

/********* 第6楼总设置样式 **********/
.f6 .center .title4 {
    width: 980px;
    height: 46px;
    text-align: left;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    font-size: 19px;
    padding-bottom: 14px;
}

.f6 .title4 span {
    color: #6e6e73;
    font-weight: 600;
}

/* 介绍行种类图片布局样式设置 宽高 */
/* 给图片设置背景样式 */
.f6 {
    overflow: hidden;
}

.f6 .img_4 {
    display: flex;
    padding-top: 10px;
    padding-bottom: 40px;
    justify-content: flex-end;
    width: 2400px;
}

.f6 .img_4 .bj_2 ul li {
    /* background-image: url("./img/store-card-40-applemusic-202112.jpg"); */
    border-radius: 5%;
    width: 400px;
    height: 500px;
    margin-right: 20px;
}

/* 悬停样式设置 */
.f6 .img_4 .bj_2 ul li:hover {
    transform: scale(1.01);
    box-shadow: 0 2px 5px #aaa;
    border-radius: 5%;
    transition: 0.3s
}

/* 设置bj_2字体样式 */
.f6 .bj_2 div {
    width: 340px;
    height: 150px;
    padding: 30px;

}

/* span的字体大小 样式 */
.f6 .bj_2 div span {
    width: 203px;
    height: 70px;
    font-size: 28px;
    color: #1d1d1f;
    font-weight: 600;
    padding-top: 24px;
}

.f6 .bj_2 div h3 {
    font-size: 17px;
    color: #1d1d1f;
    font-weight: 400;
    padding-top: 10px;
}

/* 第二张图片样式 */
.f6 .bj_2_1 .y_2_1 {
    display: block;
    width: 253px;
    height: 440px;
    padding: 30px;
}

.f6 .bj_2_1 .y_2_1 .tu_2_1 img {
    display: block;
    margin: 0 auto;
    padding-top: 41px;
}

/* 内容样式 */
.f6 .bj_2_1 .y_2_1 .nr_2_1 {
    width: 253px;
    height: 169px;
    display: flex;
    flex-direction: column;
    padding-top: 20px;
}

/* 第五层下的span字体设置 */
.f6 .bj_2_1 .y_2_1 .nr_2_1 span:first-child {
    width: 253px;
    height: 16px;
    font-size: 12px;
    font-weight: 400;
    color: #bf4800;
    margin-top: 60px;
}

.f6 .bj_2_1 .y_2_1 .nr_2_1 a {
    display: block;
    width: 252px;
    height: 23px;
    margin-top: 8px;
    font-size: 17px;
    font-weight: 600;
    color: #1d1d1d;
}

.f6 .bj_2_1 .y_2_1 .nr_2_1 span:nth-last-child(1) {
    width: 253px;
    height: 19px;
    font-size: 14px;
    font-weight: 400;
    color: #1d1d1f;
    margin-top: 44px;
    display: inline-block;
    vertical-align: bottom;
}

/* bj_2_2y_2_2样式设置 */
.f6 .bj_2_2 .y_2_2 {
    display: block;
    width: 253px;
    height: 440px;
    padding: 30px;
}

.f6 .bj_2_2 .y_2_2 .tu_2_2 img {
    display: block;
    margin: 0 auto;
    padding-top: 41px;
}

/* nr_2_2设置样式结构 */
.f6 .bj_2_2 .y_2_2 .nr_2_2 {
    width: 253px;
    height: 169px;
    display: flex;
    flex-direction: column;
    padding-top: 20px;
}

/* nr_2_2一层 */
.f6 .bj_2_2 .y_2_2 .nr_2_2 ul {
    width: 258px;
    height: 25px;
    padding-top: 19px;
    padding-bottom: 14px;
    justify-content: center;
    align-items: center;
}

.f6 .bj_2_2 .y_2_2 .nr_2_2 ul li img {
    width: 12px;
    height: 12px;
    margin-right: 7px;
}

/* nr_2_2三层 */
.f6 .bj_2_2 .y_2_2 .nr_2_2 a {
    width: 253px;
    height: 46px;
    font-size: 17px;
    font-weight: 600;
    color: #1d1d1f;
    display: -webkit-box;
    white-space: normal;
    margin-top: 23px;
}

/* nr_2_2四层 */
.f6 .bj_2_2 .y_2_2 .nr_2_2 span {
    width: 253px;
    height: 19px;
    font-size: 14px;
    font-weight: 400;
    color: #1d1d1f;
    margin-top: 25px;
    display: inline-block;
    vertical-align: bottom;
}

.f6 .bj_2_3 .y_2_3 {
    display: block;
    width: 253px;
    height: 440px;
    padding: 30px;
}

.f6 .bj_2_3 .y_2_3 .tu_2_3 img {
    display: block;
    margin: 0 auto;
    padding-top: 41px;
}

/* 内容样式 */
.f6 .bj_2_3 .y_2_3 .nr_2_3 {
    width: 253px;
    height: 169px;
    display: flex;
    flex-direction: column;
    padding-top: 20px;
}

/* 第五层下的span字体设置 */
.f6 .bj_2_3 .y_2_3 .nr_2_3 span:first-child {
    width: 253px;
    height: 16px;
    font-size: 12px;
    font-weight: 400;
    color: #bf4800;
    margin-top: 58px;
}

.f6 .bj_2_3 .y_2_3 .nr_2_3 a {
    display: block;
    width: 252px;
    height: 23px;
    margin-top: 8px;
    font-size: 17px;
    font-weight: 600;
    color: #1d1d1d;
}

.f6 .bj_2_3 .y_2_3 .nr_2_3 span:nth-last-child(1) {
    width: 253px;
    height: 19px;
    font-size: 14px;
    font-weight: 400;
    color: #1d1d1f;
    margin-top: 44px;
    display: inline-block;
    vertical-align: bottom;
}


/* bj_2_4y_2_4样式设置 */
.f6 .bj_2_4 .y_2_4 {
    display: block;
    width: 253px;
    height: 440px;
    padding: 30px;
}

.f6 .bj_2_4 .y_2_4 .tu_2_4 img {
    display: block;
    margin: 0 auto;
    padding-top: 41px;
}

/* nr_2_4设置样式结构 */
.f6 .bj_2_4 .y_2_4 .nr_2_4 {
    width: 253px;
    height: 169px;
    display: flex;
    flex-direction: column;
    padding-top: 20px;
}

/* nr_2_4一层 */
.f6 .bj_2_4 .y_2_4 .nr_2_4 ul {
    width: 258px;
    height: 25px;
    padding-top: 19px;
    padding-bottom: 14px;
    justify-content: center;
    align-items: center;
}

.f6 .bj_2_4 .y_2_4 .nr_2_4 ul li img {
    width: 12px;
    height: 12px;
    margin-right: 7px;
}

/* nr_2_4二层 */
.f6 .bj_2_4 .y_2_4 .nr_2_4 span:nth-child(2) {
    width: 253px;
    height: 16px;
    font-size: 12px;
    font-weight: 400;
    color: #bf4800;
}

/* nr_2_4三层 */
.f6 .bj_2_4 .y_2_4 .nr_2_4 a {
    width: 253px;
    height: 23px;
    font-size: 17px;
    font-weight: 600;
    color: #1d1d1f;
    display: block;
    white-space: normal;
    margin-top: 8px;
}

/* nr_2_4四层 */
.f6 .bj_2_4 .y_2_4 .nr_2_4 span:nth-last-child(1) {
    width: 253px;
    height: 19px;
    font-size: 14px;
    font-weight: 400;
    color: #1d1d1f;
    margin-top: 44px;
    display: inline-block;
    vertical-align: bottom;
}

/* bj_2_5y_2_5样式设置 */
.f6 .bj_2_5 .y_2_5 {
    display: block;
    width: 253px;
    height: 440px;
    padding: 30px;
}

.f6 .bj_2_5 .y_2_5 .tu_2_5 img {
    display: block;
    margin: 0 auto;
    padding-top: 41px;
}

/* nr_2_5设置样式结构 */
.f6 .bj_2_5 .y_2_5 .nr_2_5 {
    width: 253px;
    height: 169px;
    display: flex;
    flex-direction: column;
    padding-top: 20px;
}

/* nr_2_5一层 */
.f6 .bj_2_5 .y_2_5 .nr_2_5 ul {
    width: 258px;
    height: 25px;
    padding-top: 19px;
    padding-bottom: 14px;
    justify-content: center;
    align-items: center;
}

.f6 .bj_2_5 .y_2_5 .nr_2_5 ul li img {
    width: 12px;
    height: 12px;
    margin-right: 7px;
}

.f6 .bj_2_5 .y_2_5 .nr_2_5 span:nth-child(2) {
    width: 253px;
    height: 16px;
    font-size: 12px;
    font-weight: 400;
    color: #bf4800;
}

/* nr_2_5三层 */
.f6 .bj_2_5 .y_2_5 .nr_2_5 a {
    width: 253px;
    height: 23px;
    font-size: 17px;
    font-weight: 600;
    color: #1d1d1f;
    display: -webkit-box;
    white-space: normal;
    margin-top: 8px;
}

/* nr_2_5四层 */
.f6 .bj_2_5 .y_2_5 .nr_2_5 span:nth-last-child(1) {
    width: 253px;
    height: 19px;
    font-size: 14px;
    font-weight: 400;
    color: #1d1d1f;
    margin-top: 44px;
    display: inline-block;
    vertical-align: bottom;
}

/* bj_2_6y_2_6样式设置 */
.f6 .bj_2_6 .y_2_6 {
    display: block;
    width: 253px;
    height: 440px;
    padding: 30px;
}

.f6 .bj_2_6 .y_2_6 .tu_2_6 img {
    display: block;
    margin: 0 auto;
    padding-top: 41px;
}

/* nr_2_6设置样式结构 */
.f6 .bj_2_6 .y_2_6 .nr_2_6 {
    width: 253px;
    height: 169px;
    display: flex;
    flex-direction: column;
    padding-top: 20px;
}

/* nr_2_6一层 */
.f6 .bj_2_6 .y_2_6 .nr_2_6 ul {
    width: 258px;
    height: 25px;
    padding-top: 19px;
    padding-bottom: 14px;
    justify-content: center;
    align-items: center;
}

.f6 .bj_2_6 .y_2_6 .nr_2_6 ul li img {
    width: 12px;
    height: 12px;
    margin-right: 7px;
}

/* nr_2_6二层 */
.f6 .bj_2_6 .y_2_6 .nr_2_6 span:nth-child(2) {
    width: 253px;
    height: 16px;
    font-size: 12px;
    font-weight: 400;
    color: #bf4800;
}

/* nr_2_6三层 */
.f6 .bj_2_6 .y_2_6 .nr_2_6 a {
    width: 253px;
    height: 46px;
    font-size: 17px;
    font-weight: 600;
    color: #1d1d1f;
    display: block;
    white-space: normal;
    margin-top: 8px;
}

/* nr_2_6四层 */
.f6 .bj_2_6 .y_2_6 .nr_2_6 span:nth-last-child(1) {
    width: 253px;
    height: 19px;
    font-size: 14px;
    font-weight: 400;
    color: #1d1d1f;
    margin-top: 44px;
    display: inline-block;
    vertical-align: bottom;
}

/* 设置背景颜色宽高样式 */
.f6 .img_4 .bj_2_1,
.f6 .img_4 .bj_2_2,
.f6 .img_4 .bj_2_3,
.f6 .img_4 .bj_2_4,
.f6 .img_4 .bj_2_5,
.f6 .img_4 .bj_2_6 {
    background-color: #fff;
    width: 313px;
    height: 500px;
    margin-right: 20px;
    border-radius: 5%;
}

.f6 .img_4 .bj_2_1:hover,
.f6 .img_4 .bj_2_2:hover,
.f6 .img_4 .bj_2_3:hover,
.f6 .img_4 .bj_2_4:hover,
.f6 .img_4 .bj_2_5:hover,
.f6 .img_4 .bj_2_6:hover {
    transform: scale(1.01);
    box-shadow: 0 2px 5px #aaa;
    border-radius: 5%;
    transition: 0.3s
}

/********* 第7楼总设置样式 **********/
.f7 .center .title5 {
    width: 980px;
    height: 46px;
    text-align: left;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    font-size: 19px;
    padding-bottom: 14px;
}

.f7 .title5 span {
    color: #6e6e73;
    font-weight: 600;
}

.f7 {
    overflow: hidden;
}

.f7 .img_5 {
    display: flex;
    padding-top: 10px;
    padding-bottom: 40px;
    justify-content: flex-end;
    width: 1500px;
}

.f7 .img_5 .img_5-1 {
    /* background-image: url("./img/store-card-50-todayatapple-202108.png"); */
    border-radius: 5%;
    width: 480px;
    height: 500px;
    margin-right: 20px;
}

.f7 .img_5 .img_5-2 {
    /* background-image: url("./img/store-card-50-applepay-202110_GEO_CN.jpg"); */
    border-radius: 5%;
    width: 480px;
    height: 500px;
    margin-right: 20px;
}

.f7 .img_5 .img_5-3 {
    /* background-image: url("./img/store-card-50-homekit-202110_GEO_CN.jpg"); */
    border-radius: 5%;
    width: 480px;
    height: 500px;
    margin-right: 20px;
}

/* 悬浮样式 */
.f7 .img_5 .img_5-1:hover,
.f7 .img_5 .img_5-2:hover,
.f7 .img_5 .img_5-3:hover {
    transform: scale(1.01);
    box-shadow: 0 2px 5px #aaa;
    border-radius: 5%;
    transition: 0.3s
}

/* 七层字体样式 */
.f7 .img_5 .img_5-1 li,
.f7 .img_5 .img_5-2 li,
.f7 .img_5 .img_5-3 li {
    width: 400px;
    height: 158px;
    margin: 30px;
}

.f7 .img_5 .img_5-1 span {
    display: block;
    padding-bottom: 8px;
    margin-bottom: 4.8px;
    color: #6e6e73;
}

.f7 .img_5 .img_5-1 a {
    width: 300px;
    display: block;
    height: 70px;
    margin-right: 44px;
    color: #1d1d1d;
    font-size: 28px;
    font-weight: 600;

}

.f7 .img_5 .img_5-2 a {
    font-size: 28px;
    font-weight: 600;
    color: #1d1d1d;
    padding-top: 24px;
}

.f7 .img_5 .img_5-3 span {
    display: block;
    padding-bottom: 8px;
    margin-bottom: 4.8px;
    color: #6e6e73;
}

.f7 .img_5 .img_5-3 a {
    width: 300px;
    display: block;
    height: 70px;
    margin-right: 44px;
    color: #1d1d1d;
    font-size: 28px;
    font-weight: 600;

}

/********** 8楼总样式设置 *********/
.f8 .center .title6 {
    width: 980px;
    height: 46px;
    text-align: left;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    font-size: 19px;
    padding-bottom: 14px;
}

.f8 .title5 span {
    color: #6e6e73;
    font-weight: 600;
}

.f8 {
    overflow: hidden;
}

.f8 .img_6 {
    display: flex;
    padding-top: 10px;
    padding-bottom: 40px;
    justify-content: flex-end;
    width: 1260px;
}

.f8 .img_6 .img_6-1 {
    /* background-image: url("./img/store-card-40-edu-202108_GEO_CN.jpg"); */
    border-radius: 5%;
    width: 400px;
    height: 500px;
    margin-right: 20px;
}

.f8 .img_6 .img_6-2 {
    /* background-image: url("./img/store-card-40-small-business-202108_GEO_CN.jpg"); */
    border-radius: 5%;
    width: 400px;
    height: 500px;
    margin-right: 20px;
}

.f8 .img_6 .img_6-3 {
    /* background-image: url("./img/store-card-40-refurb-202108.jpg"); */
    border-radius: 5%;
    width: 400px;
    height: 500px;
    margin-right: 20px;
}

/* 悬浮样式 */
.f8 .img_6 .img_6-1:hover,
.f8 .img_6 .img_6-2:hover,
.f8 .img_6 .img_6-3:hover {
    transform: scale(1.01);
    box-shadow: 0 2px 5px #aaa;
    border-radius: 5%;
    transition: 0.3s
}

/* 8层字体样式 */
.f8 .img_6 .img_6-1 li,
.f8 .img_6 .img_6-2 li,
.f8 .img_6 .img_6-3 li {
    margin: 30px;
    width: 400px;
    height: 159px;
}

.f8 .img_6 .img_6-1 li span {
    margin-bottom: 4.8px;
    padding-bottom: 8px;
    display: block;
    color: #6e6e73;
    font-weight: 600;
    font-size: 12px;
}

.f8 .img_6 .img_6-1 li a {
    font-size: 28px;
    font-weight: 600;
    color: #1d1d1f;
}

.f8 .img_6 .img_6-2 li span {
    display: block;
    margin-bottom: 4.8;
    padding-bottom: 8px;
    font-size: 12px;
    width: 204px;
    color: #86868b;
}

.f8 .img_6 .img_6-2 li a {
    color: #fff;
    font-size: 28px;
    font-weight: 600;
}

.f8 .img_6 .img_6-2 li sup {
    color: #fff;
}

.f8 .img_6 .img_6-3 li span {
    display: block;
    margin-bottom: 4.8;
    padding-bottom: 8px;
    font-size: 12px;
    width: 204px;
    color: #86868b;
}

.f8 .img_6 .img_6-3 li a {
    color: #1d1d1f;
    font-size: 28px;
    font-weight: 600;
}
#app { height: 100% }
html,
body {
  position: relative;
  overflow: hidden;
}
body {
  background: #eee;
  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size: 14px;
  color: #000;
  margin: 0;
  padding: 0;
}
.swiper-slide {
    width: 100%;
    height: 100%;
  text-align: center;
  font-size: 18px;
  background: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.swiper-container {
    width: 100%;
    height: 100%;
  margin: 20px auto;
  margin-left: -1400px;
}
.mySwiper1{
    margin-left: -1420px;
}
.mySwipe2{

    margin-left: -1200px;
}
.mySwiper3{
    margin-left: -1000px;
}